<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <title>未来校招 - 大学生找工作、找实习</title>
    <style>
        @keyframes ball-scale-multiple {
            0% {
                -webkit-transform: scale(0);
                transform: scale(0);
                opacity: 0;
            }

            5% {
                opacity: 1;
            }

            100% {
                -webkit-transform: scale(1);
                transform: scale(1);
                opacity: 0;
            }
        }

        .ball-scale-multiple {
            position: fixed;
            top: 50%;
            left: 50%;
            margin-left: -30px;
            margin-top: -30px;
        }

        .ball-scale-multiple>div:nth-child(2) {
            -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
        }

        .ball-scale-multiple>div:nth-child(3) {
            -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s;
        }

        .ball-scale-multiple>div {
            background-color: #4771DC;
            width: 15px;
            height: 15px;
            border-radius: 100%;
            margin: 2px;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            position: absolute;
            left: 0px;
            top: 0px;
            opacity: 0;
            margin: 0;
            width: 60px;
            height: 60px;
            -webkit-animation: ball-scale-multiple 1s 0s linear infinite;
            animation: ball-scale-multiple 1s 0s linear infinite;
        }
    </style>
</head>
<body>
<noscript>
    <strong>很抱歉，如果不启用JavaScript，App无法正常运行，请启用JavaScript。</strong>
</noscript>
<div id="app">
    <div class="loader-inner ball-scale-multiple">
        <div></div>
        <div></div>
        <div></div>
    </div>
</div>
<!-- built files will be auto injected -->
<script>
  var addRippleEffect = function (e) {
    var target = e.target
    if (target.className.toString().indexOf('rippleMagic') === -1) {
      return false
    }
    var rect = target.getBoundingClientRect()
    var ripple = target.querySelector('.ripple')
    if (!ripple) {
      ripple = document.createElement('span')
      ripple.className = 'ripple'
      ripple.style.height = ripple.style.width = Math.max(rect.width, rect.height) + 'px'
      target.appendChild(ripple)
    }
    ripple.classList.remove('show')

    var top = e.offsetY - (ripple.offsetHeight / 2)
    var left = e.offsetX - (ripple.offsetWidth / 2)
    ripple.style.top = top + 'px'
    ripple.style.left = left + 'px'
    ripple.classList.add('show')
    var timers = setTimeout(function () {
      ripple.remove()
      clearTimeout(timers)
      timers = null
    }, 300)
    return false
  }
  document.addEventListener('click', addRippleEffect, false)

</script>
</body>
</html>
